<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-edit"></i>&nbsp;&nbsp;
        <span>{{title}}</span>
      </div>
      <div class="text item">
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  name: 'projectinfo',
  data () {
    return {
      title: 'element-ui table 之 合并与编辑',
      notes: [
        'Axios不支持JSONP，需要另外安装jsonp模块实现123',
        '如果需要动态生成路由，可以使用router.addRoutes(routes)',
        '如果要区分新建页和编辑页，可以在路由对象中设置meta属性',
        '在组件中访问路由信息对象：this.$route',
        '在组件中访问路由实例：this.$router',
        '可以在全局拦截路由，也可以在单个组件中拦截路由',
        '如果是中等规模的项目，推荐使用vuex',
        '代码按页面分，每个人负责一个页面，尽量避免公共代码文件',
        '如果想看其它队友的页面效果，可以在本地新建一个分支，然后将自己和对方的分支合并上去',
        '深度监听一个对象非常消耗性能，可以转换成监听一个开关变量，开关一变就运行',
        '渲染图表时，可以在渲染前先 this.myChart.clear()，清空上次图表数据',
        'vue-particles打包报错：https://github.com/creotip/vue-particles/issues/7',
        '配置favicon：https://segmentfault.com/a/1190000010043013#articleHeader5',
        '切换路由时，vuex里的state不会跟着变，除非在导航守卫里提交mutations'
      ]
    }
  }
}
</script>
<style scoped lang="scss">
  ol {
    margin-top: 0;
    li {
      line-height: 30px;
    }
  }
  .clearfix {
    i {
      font-size: 20px;
    }
    span {
      font-size: 20px;
    }
  }
</style>
